<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="../image/check.ico" type="image/x-icon" />
    <title>错题速记 V1.0</title>
    <link rel="stylesheet" href="../lib/bootstrap.min.css" />
    <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="index.css" />
</head>

<body>
    <div class="card">
        <div class="card-header">
            <div class="card-title text-center">错题速记 V1.0</div>
            <div class="font-white">
                <a id="edit-subject" class="btn btn-sm btn-info">
                    <i class="fa fa-edit r-suitable"></i>编辑题号
                </a>
                <a id="confirm-subject" class="btn btn-sm btn-success">
                    <i class="fa fa-check r-suitable"></i>确定题号
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="subject-edit">
                <div class="card-tip col-sm-6">题号
                    <a id="clear-subject" class="btn btn-sm btn-danger">
                        <i class="fa fa-trash fa-inverse r-suitable"></i>
                        <span class="font-white">清空题号</span>
                    </a>
                </div>
                <div class="input-group col-sm-2">
                    <input class="form-control" type="text" />
                    <div class="input-group-append">
                        <a class="input-group-text btn"><i class="fa fa-minus font-red"></i></a>
                    </div>
                    <a class="btn btn-sm btn-light"><i class="fa fa-chevron-up"></i></a>
                    <a class="btn btn-sm btn-dark"><i class="fa fa-chevron-down font-white"></i></a>
                </div>
                <div class="font-white col-sm-6">
                    <a id="add-subject" class="btn btn-sm btn-info"><i class="fa fa-plus r-suitable"></i></a>
                </div>
                <hr />
            </div>
            <div class="subject-show col-sm-12">
                <div>
                    <a id="count-btn" class="btn btn-sm btn-primary">
                        <i class="fa fa-calculator fa-inverse r-suitable"></i>
                        <span class="font-white">统计</span>
                    </a>
                    <span class="high-light-set">
                        <span class="text-danger">高亮阈值</span>
                        <input id="high-light-value" type="number" min="1" />
                    </span>
                </div>
                <div class="subject-btn-list">
                    <!-- <a class="btn btn-outline-primary btn-larger">1</a>
                    <a class="btn btn-outline-primary btn-larger">2</a>
                    <a class="btn btn-outline-primary btn-larger">3</a> -->
                </div>
                <hr />
            </div>
            <div class="subject-record col-sm-12">
                <div class="card-tip">
                    <span class="r-suitable">错误记录</span>
                    <a id="clear-record" class="btn btn-sm btn-outline-danger"><i
                            class="fa fa-trash r-suitable"></i>清除记录</a>
                    <a id="revoke-btn" class="btn btn-sm btn-warning">
                        <i class="fa fa-reply fa-inverse r-suitable"></i>
                        <span class="font-white">撤销一次</span>
                    </a>
                </div>
                <textarea class="form-control" disabled></textarea>
                <hr />
            </div>
            <div class="result-list">
                <div class="card-tip col-sm-12">统计结果：</div>
                <table class="table table-hover table-beautify">
                    <thead>
                        <th>题号</th>
                        <th>频次</th>
                        <th>排名</th>
                    </thead>
                    <tbody>
                        <!-- <tr>
                            <td>1</td>
                            <td>20</td>
                            <td>2</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>20</td>
                            <td>2</td>
                        </tr> -->
                    </tbody>
                </table>
            </div>
        </div>
    </div>



    <script type="text/javascript" src="../lib/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="index.js"></script>
</body>

</html>